home *** CD-ROM | disk | FTP | other *** search
/ Chip 2007 November / CPNL0711.ISO / beeld / bewerk / gimp-help-2-0.12-setup.exe / {app} / share / gimp / 2.0 / help / en / gimp-help-screen.css < prev    next >
Cascading Style Sheet File  |  2007-07-19  |  15KB  |  834 lines
  1. /* This file is part of gimp-help-2. It is copyrighted under the GNU
  2.    Free Documentation License Version 1.1 which you can get from
  3.    http://www.gnu.org 
  4.    
  5.    Browser wrangling and typographic design by
  6.      Oyvind Kolas / pippin@gimp.org
  7.  
  8.    Thanks to:
  9.      Liam R. E. Quin
  10.      William Skaggs
  11.      Jakub Steiner
  12.    
  13.    */
  14.  
  15. @media screen {
  16.     body {
  17.       font-family: sans-serif;
  18.       font-size: 100%;
  19.       padding: 0;
  20.       margin: 0;
  21.     }
  22.     
  23.     .book,
  24.     .section,
  25.     div.sect1,
  26.     div.sect2,
  27.     div.sect3,
  28.     .simplesect,
  29.     .chapter,
  30.     .part,
  31.     .preface,
  32.     .glossary,
  33.     .bibliography,
  34.     .reference,
  35.     .refentry,
  36.     .appendix,
  37.     .index {
  38.         max-width: 45em;
  39.         min-width: 34em;
  40.         width: 45em;
  41.         margin: 0 auto;
  42.         margin-bottom: 2em;
  43.     }
  44.  
  45.     h1,h2,h3,h4,h5,h6,h7 {
  46.       clear: both;
  47.     }
  48.  
  49.     h1 {
  50.       font-weight: bold;
  51.       font-size: 166%;
  52.       text-align: left;
  53.       clear: both;
  54.       padding: 0;
  55.       margin: 2em 0 0em 0em;
  56.     }
  57.  
  58.     h2.subtitle {
  59.       margin: 0.10 0 3.0em 0;
  60.       padding: 0;
  61.       width: 80%;
  62.       padding-left: 20%;
  63.       font-weight: normal;
  64.       font-style: italic;
  65.       text-align: right;
  66.     }
  67.  
  68.     h2 {
  69.       margin: 2em 0 0.66em 0em;
  70.       padding: 0.5em 0 0em 0em;
  71.       font-size: 142.14%;
  72.       font-weight: normal;
  73.     }
  74.  
  75.     h3.subtitle {
  76.       margin: 0 0em 1em 0em;
  77.       padding: 0;
  78.       font-size: 142.14%;
  79.       font-weight: normal;
  80.       text-align : right;
  81.     }
  82.  
  83.     h3 {
  84.       margin: 1em 0 0.5em 0em;
  85.       padding: 1em 0 0em 0em;
  86.       font-size: 140%;
  87.       font-weight: normal;
  88.     }
  89.  
  90.     h4 {
  91.       margin: 1em 0 0.5em 0em;
  92.       padding: 1em 0 0em 0em;
  93.       font-size: 120%;
  94.       font-weight: normal;
  95.     }
  96.  
  97.     h5 {
  98.       margin: 1em 0 0.5em 0em;
  99.       padding: 1em 0 0em 0em;
  100.       font-size: 110.000%;
  101.       border-bottom: 1px solid black;
  102.     }
  103.  
  104.     h6 {
  105.       margin: 1em 0 0em 0em;
  106.       padding: 1em 0 0em 0em;
  107.       font-size: 80%;
  108.       font-weight: normal;
  109.     }
  110.  
  111.     .authorgroup {
  112.       float: right;
  113.     }
  114.  
  115.     h3.author {
  116.       margin: 0;
  117.       padding: 0;
  118.       font-weight: normal;
  119.     }
  120.  
  121.     .author tt.email {
  122.       font-size: 66%;
  123.     }
  124.  
  125.     .titlepage hr {
  126.       width: 0;
  127.       clear: both;
  128.     }
  129.  
  130.     .toc,
  131.     .list-of-tables,
  132.     .list-of-examples,
  133.     .list-of-figures {
  134.       padding: 1.33em 0 2.5em 0em;
  135.     }
  136.  
  137.     .toc p,
  138.     .list-of-tables p,
  139.     .list-of-figures p,
  140.     .list-of-examples p {
  141.       padding: 0;
  142.       padding: 0 0em 0.3em;
  143.       margin: 1.5em 0 0 0;
  144.     }
  145.  
  146.     .toc p b,
  147.     .list-of-tables p b,
  148.     .list-of-figures p b,
  149.     .list-of-examples p b{
  150.       font-weight: bold;
  151.     }
  152.  
  153.     .toc dl,
  154.     .list-of-tables dl,
  155.     .list-of-figures dl,
  156.     .list-of-examples dl {
  157.       margin: 0 0 0.5em 0;
  158.       padding: 0;
  159.     }
  160.  
  161.     .toc dt {
  162.       margin: 0;
  163.       padding: 0;
  164.     }
  165.  
  166.     .toc dd {
  167.       margin: 0 0em 0em 2.6em;
  168.       padding: 0;
  169.     }
  170.  
  171.     div.glossary dl,
  172.     div.variablelist dl {
  173.     }
  174.  
  175.     .glossary dl dt,
  176.     .variablelist dl dt span.term {
  177.       font-weight: normal;
  178.     }
  179.  
  180.     .glossary dl dd,
  181.     .variablelist dl dd {
  182.       margin-left: 2.6em;
  183.     }
  184.  
  185.     .glossary dd p,
  186.     .variablelist dd p {
  187.       margin-top: 0;
  188.       margin-bottom: 1em;
  189.     }
  190.  
  191.     div.calloutlist table {
  192.       margin-top: 1em;
  193.     }
  194.  
  195.     div.calloutlist table td {
  196.       padding: 0;
  197.       margin: 0;
  198.     }
  199.  
  200.     div.calloutlist table td p {
  201.       margin-top: 0;
  202.       margin-bottom: 1em;
  203.     }
  204.  
  205.     div.calloutlist table td img {
  206.       margin-left: 2em;
  207.     }
  208.  
  209.     div p.copyright {
  210.       text-align: left;
  211.     }
  212.  
  213.     div.legalnotice p.legalnotice-title {
  214.       margin-bottom: 0;
  215.     }
  216.  
  217.     p {
  218.       text-align : justify;
  219.       line-height: 142%;
  220.       margin: 1em 0;
  221.     }
  222.  
  223.     dl {
  224.       padding-top: 0;
  225.     }
  226.  
  227.     hr {
  228.       border: solid 1px;
  229.     }
  230.  
  231.  
  232.     .mediaobject,
  233.     .mediaobjectco,
  234.     div.navheader table th {
  235.       text-align: center;
  236.     }
  237.  
  238.     img {
  239.       border: none;
  240.     }
  241.  
  242.     .mediaobject img,
  243.     .mediaobjectco img{
  244.       max-width: 36em;
  245.     }
  246.  
  247.     /*
  248.      *align two mediaobjects in a figure besides each other
  249.      */
  250.     .figure .mediaobject {
  251.       display: table-cell;
  252.       padding: 0.5em;
  253.     }
  254.  
  255.     ul {
  256.       padding: 0 0 0 1.5em;
  257.     }
  258.  
  259.     ul li {
  260.       padding: 0;
  261.     }
  262.  
  263.     ul li p {
  264.       text-align: left;
  265.     }
  266.  
  267.     table {
  268.       width :100%;
  269.     }
  270.  
  271.     th {
  272.       padding: 0.25em;
  273.       text-align: left;
  274.       font-weight: normal;
  275.       vertical-align: top;
  276.     }
  277.  
  278.     td {
  279.       padding: 0.25em;
  280.       vertical-align: top;
  281.     }
  282.  
  283.     p a[id],
  284.     p a[id]:hover,
  285.     p a[id]:visited {
  286.       margin: 0;
  287.       padding: 0;
  288.       display: inline;
  289.       background-image: none;
  290.     }
  291.  
  292.     p a,
  293.     p a:hover,
  294.     p a:visited {
  295.        margin-left: 5px;
  296.        padding-left: 10px;
  297.        background-image: url("../images/link.png");
  298.        background-repeat: no-repeat;
  299.        background-position: center left;
  300.     }
  301.  
  302.     pre {
  303.         overflow : auto;
  304.     }
  305.  
  306.     div.informalfigure,
  307.     div.informalexample,
  308.     div.informaltable,
  309.     div.figure,
  310.     div.table,
  311.     div.example {
  312.       margin: 1em 0;
  313.       padding: 1em;
  314.       page-break-inside: avoid;
  315.     }
  316.  
  317.  
  318.     div.informalfigure p.title b,
  319.     div.informalexample p.title b,
  320.     div.informaltable p.title b,
  321.     div.figure p.title b,
  322.     div.example p.title b,
  323.     div.table p.title b{
  324.         padding-top: 0;
  325.         margin-top: 0;
  326.         font-weight: normal;
  327.     }
  328.  
  329.     .mediaobject .caption, 
  330.     .mediaobject .caption p  {
  331.       text-align: left;
  332.       padding-top: 0.5em;
  333.       padding-bottom: 0.5em;
  334.     }
  335.  
  336.     .epigraph {
  337.       padding-left: 55%;
  338.       margin-bottom: 1em;
  339.     }
  340.  
  341.     .epigraph p {
  342.       text-align: left;
  343.     }
  344.  
  345.     .epigraph .quote {
  346.       font-style: italic;
  347.     }
  348.     .epigraph .attribution {
  349.       font-style: normal;
  350.       text-align: right;
  351.     }
  352.  
  353.     span.application {
  354.       font-style: italic;
  355.     }
  356.  
  357.     .programlisting {
  358.       font-family: monospace;
  359.       font-size: 80%;
  360.       white-space: pre;
  361.       margin: 1.33em 0;
  362.       padding: 1.33em;
  363.     }
  364.  
  365.     .tip,
  366.     .warning,
  367.     .caution,
  368.     .note {
  369.       margin-top: 1em;
  370.       margin-bottom: 1em;
  371.  
  372.     }
  373.  
  374.     /* force full width of table within div */
  375.     .tip table,
  376.     .warning table,
  377.     .caution table,
  378.     .note table {
  379.       border: none;
  380.       width: 100%;
  381.     }
  382.  
  383.  
  384.     .tip table th,
  385.     .warning table th,
  386.     .caution table th,
  387.     .note table th {
  388.       padding: 0.8em 0.0 0.0em 0.0em;
  389.       margin : 0;
  390.     }
  391.  
  392.     .tip p,
  393.     .warning p,
  394.     .caution p,
  395.     .note p {
  396.       margin-top: 0.5em;
  397.       margin-bottom: 0.5em;
  398.       padding-right: 1em;
  399.       text-align: left;
  400.     }
  401.  
  402.     .acronym {
  403.       text-transform: uppercase;
  404.     }
  405.  
  406.     b.keycap,
  407.     .keycap {
  408.       padding: 0.09em 0.3em;
  409.       margin: 0;
  410.     }
  411.     
  412.     .mousebutton {                                                                                                                                                       
  413.       background-color: #fffaf0;  /* FloralWhite   */                                                                                                                    
  414.       /* same as .keycap: */                                                                                                                                             
  415.       padding: 0.09em 0.3em;                                                                                                                                             
  416.       margin: 0;                                                                                                                                                         
  417.       border: 1px solid #999;                                                                                                                                            
  418.       -moz-border-radius: 0.3em;                                                                                                                                         
  419.     }                                                                                                                                                                    
  420.                                                                                                                                                                          
  421.     div[class="segmentedlist"] tr[class="segtitle"] {                                                                                                                    
  422.       color:            white;                                                                                                                                           
  423.       background-color: #4d4d4d;  /* grey30         */                                                                                                                   
  424.     }   
  425.     
  426.     .itemizedlist li {
  427.       clear: none;
  428.     }
  429.  
  430.     .filename {
  431.       font-size: medium;
  432.       font-family: Courier, monospace;
  433.     }
  434.  
  435.  
  436.     div.navheader, div.heading{
  437.       background-color: #d6ba00;
  438.       width: 100%;
  439.     }
  440.  
  441.     div.navfooter, div.footing{
  442.       background-color: #d6ba00;
  443.       width: 100%;
  444.     }
  445.  
  446.  
  447.     div.navheader table {
  448.       border-left: 0;
  449.       border-right: 0;
  450.       border-top: 0;
  451.       width: 100%;
  452.     }
  453.  
  454.     div.navfooter table {
  455.       border-left: 0;
  456.       border-right: 0;
  457.       border-bottom: 0;
  458.       width: 100%;
  459.     }
  460.  
  461.     div.navheader table td a,
  462.     div.navfooter table td a {
  463.       color: #777;
  464.       text-decoration: none;
  465.     }
  466.  
  467.     /* normal text in the footer */
  468.     div.navfooter table td {
  469.       color: black;
  470.     }
  471.  
  472.     div.navheader table td a:visited,
  473.     div.navfooter table td a:visited {
  474.       color: #444;
  475.     }
  476.  
  477.  
  478.     /* links in header and footer */
  479.     div.navheader table td a:hover,
  480.     div.navfooter table td a:hover {
  481.       text-decoration: underline;
  482.       background-color: transparent;
  483.       color: #33a;
  484.     }
  485.  
  486.     div.navheader hr,
  487.     div.navfooter hr {
  488.       display: none;
  489.     }
  490.  
  491.  
  492.     .qandaset tr.question td p {
  493.       margin: 0 0 1em 0;
  494.       padding: 0;
  495.     }
  496.  
  497.     .qandaset tr.answer td p {
  498.       margin: 0 0 1em 0;
  499.       padding: 0;
  500.     }
  501.     .answer td {
  502.       padding-bottom: 1.5em;
  503.     }
  504.  
  505.     .emphasis {
  506.       text-weight: bold;
  507.     }
  508.  
  509.  
  510.       /************* /
  511.      / decorations  /
  512.     / *************/
  513.  
  514.     .titlepage {
  515.     }
  516.  
  517.     .part .title {
  518.     }
  519.  
  520.     .subtitle {
  521.         border: none;
  522.     }
  523.  
  524.     h1 {
  525.       border: none;
  526.     }
  527.  
  528.     h2 {
  529.       border-top: solid 0.2em;
  530.       border-bottom: solid 0.06em;
  531.     }
  532.  
  533.     h3 {
  534.       border-top: 0;
  535.       border-bottom: solid 0.06em;
  536.     }
  537.  
  538.     h4 {
  539.       border: 0;
  540.       border-bottom: solid 0.06em;
  541.     }
  542.  
  543.     h5 {
  544.       border: 0;
  545.     }
  546.  
  547.     .programlisting {
  548.       border: solid 1px;
  549.     }
  550.  
  551.     div.figure,
  552.     div.table,
  553.     div.informalfigure,
  554.     div.informaltable,
  555.     div.informalexample,
  556.     div.example {
  557.       border         : 1px solid;
  558.     }
  559.  
  560.  
  561.  
  562.     .tip,
  563.     .warning,
  564.     .caution,
  565.     .note {
  566.       border    : 1px solid;
  567.     }
  568.  
  569.     .tip table th,
  570.     .warning table th,
  571.     .caution table th,
  572.     .note table th {
  573.       border-bottom  : 1px solid;
  574.     }
  575.  
  576.     .question td {
  577.       border-top: 1px solid black;
  578.     }
  579.  
  580.     .answer {
  581.     }
  582.  
  583.  
  584.     b.keycap,
  585.     .keycap {
  586.       border: 1px solid;
  587.     }
  588.       
  589.  
  590.     div.navheader, div.heading{
  591.       border-bottom: 1px solid;
  592.     }
  593.  
  594.  
  595.     div.navfooter, div.footing{
  596.       border-top: 1px solid;
  597.     }
  598.  
  599.       /********* /
  600.      /  colors  /
  601.     / *********/
  602.  
  603.     body {
  604.       color: #222;
  605.       background: #fdfdfd;
  606.     }
  607.  
  608.     a {
  609.       color: #026;
  610.       text-decoration: underline;
  611.     }
  612.  
  613.     a:hover,
  614.     a:visited {
  615.       background: transparent;
  616.       color: darkviolet;
  617.     }
  618.  
  619.     h1,
  620.     h2,
  621.     h3,
  622.     h4,
  623.     h5,
  624.     h6,
  625.     h7,
  626.     h8 {
  627.       background-color   : transparent;
  628.     }
  629.  
  630.     hr {
  631.       border-color: #aaa;
  632.     }
  633.  
  634.  
  635.     .tip, .warning, .caution, .note {
  636.       border-color    : #aaa;
  637.     }
  638.  
  639.  
  640.     .tip table th,
  641.     .warning table th,
  642.     .caution table th,
  643.     .note table th {
  644.       border-bottom-color: #aaa;
  645.     }
  646.  
  647.  
  648.     .warning {
  649.       background-color: #fea;
  650.     }
  651.  
  652.     .caution {
  653.       background-color: #fea;
  654.     }
  655.  
  656.     .tip {
  657.       background-color: #eff;
  658.     }
  659.  
  660.     .note {
  661.       background-color: #dfc;
  662.     }
  663.  
  664.     .glossary dl dt, 
  665.     .variablelist dl dt,
  666.     .variablelist dl dt span.term {
  667.       color: #044;
  668.     }
  669.  
  670.     div.figure,
  671.     div.table,
  672.     div.example,
  673.     div.informalfigure,
  674.     div.informaltable,
  675.     div.informalexample {
  676.       border-color: #aaa;
  677.     }
  678.  
  679.     pre.programlisting {
  680.       color: black;
  681.       background-color: #fff;
  682.       border-color: #aaa;
  683.     }
  684.  
  685.     .guibutton,
  686.     .guimenu,
  687.     .guilabel,
  688.     .guisubmenu,
  689.     .guimenuitem {
  690.       background-color: #eee;
  691.     }
  692.  
  693.  
  694.     b.keycap,
  695.     .keycap {
  696.       background-color: #eee;
  697.       border-color: #999;
  698.     }
  699.  
  700.  
  701.     div.navheader {
  702.       border-color: black;
  703.     }
  704.  
  705.  
  706.     div.navfooter {
  707.       border-color: black;
  708.     }
  709.  
  710.  
  711.       /*********** /
  712.      /  graphics  /
  713.     / ***********/
  714.  
  715.     /*
  716.     body {
  717.       background-image: url("images/body_bg.jpg");
  718.       background-attachment: fixed;
  719.     }
  720.  
  721.     .navheader,
  722.     .note,
  723.     .tip {
  724.       background-image: url("images/note_bg.jpg");
  725.       background-attachment: fixed;
  726.     }
  727.  
  728.     .warning,
  729.     .caution {
  730.       background-image: url("images/warning_bg.jpg");
  731.       background-attachment: fixed;
  732.     }
  733.  
  734.     .figure,
  735.     .informalfigure,
  736.     .example,
  737.     .informalexample,
  738.     .table,
  739.     .informaltable {
  740.       background-image: url("images/figure_bg.jpg");
  741.       background-attachment: fixed;
  742.     }
  743.  
  744.     */
  745.     h1,
  746.     h2,
  747.     h3,
  748.     h4,
  749.     h5,
  750.     h6,
  751.     h7{
  752.     }
  753.  
  754.     div.preface .titlepage .title, 
  755.     div.colophon .title, 
  756.     div.chapter .titlepage .title {
  757.       background-image: url("images/title-bg.png");
  758.       background-position: bottom;
  759.       background-repeat: repeat-x;
  760.     }
  761.  
  762.     div.section div.section .titlepage .title,
  763.     div.sect2 .titlepage .title {
  764.         background: none;
  765.     }
  766.  
  767.  
  768.     h1.title {
  769.       background-color: transparent;
  770.       background-image: none;
  771.     }
  772.  
  773.     h2.subtitle {
  774.       background-color: transparent;
  775.       background-image: none;
  776.     }
  777.  
  778.       /*************************************** /
  779.      /  gimp-help-2 specific alterations      /
  780.     / ***************************************/
  781.  
  782.     /* titlepage */
  783.     div.book .titlepage {
  784.       padding-top: 300px; /* height of the splash image */
  785.       background-image: url("../images/gimp-splash.png");
  786.       background-repeat: no-repeat;
  787.     }
  788.  
  789.     /* revhistory */
  790.     div.revhistory {
  791.       margin-left: 0.5em;
  792.       float: right;
  793.       border: 1px dotted #aaa;
  794.     }
  795.     
  796.     div.revhistory table {
  797.       width: auto;
  798.       border: 0;
  799.     }
  800.     
  801.     div.revhistory table tr th,
  802.     div.revhistory table tr td {
  803.       border: 0;
  804.     }
  805.     
  806.     div.revhistory table tr th,
  807.     div.revhistory table tr td {
  808.       color: #aaa;
  809.       font-size: small;
  810.     }
  811.  
  812.       /**************************************** /
  813.      / mozilla vendor specific css extensions  /
  814.     / ****************************************/
  815.  
  816.     div.figure,
  817.     div.table,
  818.     div.informalfigure,
  819.     div.informaltable,
  820.     div.informalexample,
  821.     div.example,
  822.     .tip,
  823.     .warning,
  824.     .caution,
  825.     .note {
  826.       -moz-border-radius: 0.5em;
  827.     }
  828.  
  829.     b.keycap,
  830.     .keycap {
  831.       -moz-border-radius: 0.3em;
  832.     }
  833. }
  834.